<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>名师名药</title>
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../css/cw.css"/>
	<style>

		.mui-row.mui-fullscreen>[class*="mui-col-"] {height: 100%;}
		.mui-fullscreen{padding: 0 !important;}
		.mui-col-xs-3,.mui-control-content {overflow-y: auto;height: 100%;}
		.mui-col-xs-3{background-color:#DCDCDC;}
		.mui-col-xs-9{background:#ECECEC;}
		.mui-segmented-control .mui-control-item {line-height: 50px;width:100%;}
		.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{background-color:#F0F0F0;color:#B99B58;}
		.mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item, .mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item.mui-active{border:none;}
		.mui-input-row .mui-btn+input, .mui-input-row label+input, .mui-input-row:last-child{background:white;}
		.mui-search .mui-placeholder{background:white;border: 1px solid #929292;}
	    input[type=search]{margin:0px;}
	    .mui-segmented-control.mui-segmented-control-inverted{width:100.3%;}
	    .table-view-cell-mini-0-15{padding:5px 10px;}
	    .shop-inf-img{margin-bottom: 15px;}
	    .shop-inf-img img{height: 110px;}
	    .mui-fullscreen{position:relative;}
	</style>		
</head>
<body>
		<!--header-->
		<header id="header" class="mui-bar mui-bar-nav">
			<i class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></i>
			<h1 id="title" class="mui-title">商城</h1>
			
		</header>
		<div id="content" class="mui-content"></div>	
		<!--nav-->
		<div class=""style="padding: 10px 2px; background: white;">
			<div class="mui-input-row mui-search">
				<input type="search" contenteditable="true"  class="search" placeholder="搜索">
			</div>			
		</div>
		<div class="mui-content mui-row mui-fullscreen">
			<div class="mui-col-xs-3">
				<div  id="segmentedControls" class="mui-segmented-control mui-segmented-control-inverted mui-active mui-segmented-control-vertical nd-mall-indexnav">
					<!--<a class="mui-control-item mui-active" href="#content1">首页</a>
					<a class="mui-control-item" href="#content2">标题</a>-->
				</div>
			</div>			
			<div id="segmentedControlContents" class="mui-col-xs-9">
				<div id="content1" class="mui-control-content mui-active table-view-cell-mini-0-15">
					<div class="shop-inf-img">
					<img class="classpic" src="../images/zhongyi.png"/>
					</div>
					<div class="shop-9 goods">
						<!--<div>
							<img src="../images/img.png" alt="" />	
							<span>党参</span>
						</div>-->
					</div>	
				</div>				
				
			</div>
		</div>		

</body>
<script src="../js/jquery-2.1.4.min.js"></script>
<script src="../js/mui.min.js"></script>
<script type="text/javascript" src="../js/public.js" ></script>
<script type="text/javascript" src="../js/app/shop.js" ></script>
<script type="text/javascript" charset="UTF-8">
  	mui.init();
</script>
</html>